@import '../../../../variables';

.dialog-content {
  @include mq(xs) {
    min-width: 400px;
  }

  p,
  .track-to-label,
  .simple-counter-section,
  .time {
    text-align: center;
  }
}

.time {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: $s;
}

.track-to-label {
  padding-top: $s * 3;
  margin: $s $s * -3 $s;
  font-size: 22px;
  border-top: 1px solid $dark-theme-extra-border-color;

  @include lightTheme() {
    border-color: $light-theme-extra-border-color;
  }
}

.simple-counter-section {
}

.simple-counter {
  margin: 0 $s * 0.5;
  box-shadow: none !important;

  &.mat-primary {
    animation-timing-function: ease-in-out;
    animation: pulse 2s infinite;
  }
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  25% {
    transform: scale(1.15);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(0.95);
  }
}
